<p style="font-size:+4;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible<p style="font-size:+4;"></p>" content="IE=edge" />
<title>AllyFolio | SignUp </title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"  />

<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css"/>


<link rel="stylesheet" href="bin/magicsuggest-1.3.1-min.css">
<script type="text/javascript" src="bin/jquery-1.8.3-min.js"></script>
<script type="text/javascript" src="bin/magicsuggest-1.3.1-min.js"></script>


<script src="js/jquery_1.9.0.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="assets/scripts/core/app.js"></script>

</head>
<style type="text/css">
	table tr td div{ text-align:left !important; margin:0 !important}
	table tr{ vertical-align:top; padding:10px;}
</style>

<body>


<div class="" align="center"><a href="#" class="topopup">Create New Event</a></div>
  
	 <div class="createEvent">
<h3>Create New Event</h3>
<label><span>Name</span> <input type="text" placeholder="Event Name" /></label>
<label><span>Detail</span> <input type="text" placeholder="Add More info" /></label>
<label><span>Where</span> <input type="text" placeholder="Add a place" /></label>
<label><span>When</span> <div class="input-group date form_meridian_datetime">
    						<input type="text" size="16" readonly>
    						
    							<button class="btn default date-set" type="button" style="display:none"></button>
    						
    					</div>
</label>


<label><span>Guest can Invite friend</span> <input type="text" placeholder="" style="width:10%;" /></label>
<label><span>Privacy</span> <input type="text" placeholder="Public" style="width:15%;" /></label>


<label><span>Add Friend to Invite</span> <input type="text" id="usernames" name="userfriends" placeholder="Type Name" style="margin-left:189px;" /></label>

<label><span>Invite</span> <input type="text" placeholder="Enter name" /></label>
<label><span>Invite cluster</span> <input type="text" placeholder="C1" style="width:25%;" />&nbsp;&nbsp; <input type="text" placeholder="C1" style="width:25%;" /></label>
<label><span>Send message to all 
your invited friends</span> <textarea placeholder="Write here....." rows="3"></textarea></label>
<p style="margin-top:40px; text-align:left;"><span>&nbsp;</span> <input type="submit" value="Create" style="margin-right:40px;" /> <input type="submit" value="Cancel"  style="margin-right:40px;"/> <input type="submit" value="Reset"  /></p>

				
					
					<!-- /input-group -->
				
</div>
        <script type="text/javascript">
        
        
        jQuery(document).ready(function() {   
            
           // initiate layout and plugins
           App.init();
           var handleDatetimePicker = function () {

                $(".form_meridian_datetime").datetimepicker({
                    isRTL: App.isRTL(),
                    format: "dd/mm/yyyy HH:ii P",
                    showMeridian: true,
                    autoclose: true,
                    pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left"),
                    todayBtn: true
                });
        
                $('body').removeClass("modal-open"); // fix bug when inline picker is used in modal
            }
            
            $(document).ready(function() {
                $.noConflict();
                
                var ms5 = $('#usernames').magicSuggest({
                    width: 300,
                    data: getjsondata() 
                });
            });
            
            
            handleDatetimePicker();
            
            function getjsondata(){
                return 'marilyn@monroe.com,mother@teresa.com,john@kennedy.com,martin@luther.com,nelson@mandela.com,winston@churchill.com,bill@gates.com,muhammad@ali.com,mahatma@gandhi.com,margaret@thatcher.com,charles@gaulle.com,christopher@colombus.com,george@orwell.com,charles@darwin.com,elvis@presley.com,albert@einstein.com,paul@mccartney.com,queen@elizabeth.com,queen@victoria.com,john@keynes.com,mikhail@gorbachev.com,jawaharlal@nehru.com,leonardo@vinci.com,louis@pasteur.com,leo@tolstoy.com,pablo@picasso.com,vincent@gogh.com,franklin@roosevelt.com,john@paul.com,neil@armstrong.com,thomas@edison.com,rosa@parks.com,aung@kyi.com,lyndon@johnson.com,ludwig@beethoven.com,oprah@winfrey.com,indira@gandhi.com,eva@peron.com,benazir@bhutto.com,desmond@tutu.com,dalai@lama.com,walt@disney.com,peter@sellers.com,barack@obama.com,malcolm@x.com,richard@branson.com,jesse@owens.com,ernest@hemingway.com,john@lennon.com,henry@ford.com,haile@selassie.com,joseph@stalin.com,lord@baden.com,michael@jordon.com,george@bush.com,osama@laden.com,fidel@castro.com,oscar@wilde.com,coco@chanel.com,amelia@earhart.com,adolf@hitler.com,mary@magdalene.com,alfred@hitchcock.com,michael@jackson.com,mata@hari.com,emmeline@pankhurst.com,ronald@reagan.com,lionel@messi.com,babe@ruth.com,bob@geldof.com,leon@trotsky.com,roger@federer.com,sigmund@freud.com,woodrow@wilson.com,mao@zedong.com,katherine@hepburn.com,audrey@hepburn.com,david@beckham.com,tiger@woods.com,usain@bolt.com,bill@cosby.com,carl@lewis.com,prince@charles.com,jacqueline@onassis.com,billie@holiday.com,virginia@woolf.com,billie@king.com,kylie@minogue.com,anne@frank.com,emile@zatopek.com,lech@walesa.com,christiano@ronaldo.com,yoko@ono.com,julie@andrews.com,florence@nightingale.com,marie@curie.com,stephen@hawking.com,tim@lee.com,lady@gaga.com,lance@armstrong.com,jon@stewart.com,scarlett@johansson.com,larry@page.com,sergey@brin.com,roman@abramovich.com,rupert@murdoch.com,al@gore.com,sacha@baron.com,george@clooney.com,paul@krugman.com,jimmy@wales.com';
            }
        
        });
        
        
        
        </script>

</body>
</html>
</p>